﻿<!DOCTYPE html>
<html>
	<head>
		<title>Create lists</title>
		<meta charset="utf-8" />
		<meta name="description" content="Create bulleted and numbered lists in the document changing the lists outline" />
		<link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" />
		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
        <script type="text/javascript" src="../callback.js"></script>
        <script type="text/javascript" src="../search/js/page-search.js"></script>
	</head>
	<body>
        <div class="mainpart">
            <div class="search-field">
                <input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
            </div>
            <h1>Create lists</h1>
            <p>To create a list in the <a href="https://www.onlyoffice.com/document-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Document Editor</b></a>,</p>
            <ol>
                <li>place the cursor to the position where a list will be started (this can be a new line or the already entered text),</li>
                <li>switch to the <b>Home</b> tab of the top toolbar,</li>
                <li>
                    select the list type you would like to start:
                    <ul>
                        <li><b>Unordered list</b> with markers is created using the <b>Bullets</b> <div class="icon icon-bullets"></div> icon on the top toolbar</li>
                        <li>
                            <b>Ordered list</b> with digits or letters is created using the <b>Numbering</b> <div class="icon icon-numbering"></div> icon on the top toolbar
                            <p class="note">Click the downward arrow next to the <b>Bullets</b> or <b>Numbering</b> icon to select how the list is going to look like.</p>
                        </li>
                    </ul>
                </li>
                <li>each time you press the <b>Enter</b> key at the end of the line, a new ordered or unordered list item will appear. To stop that, press the <b>Backspace</b> key and keep on typing common text paragraphs.</li>
            </ol>
            <p>The program also creates numbered lists automatically when you enter digit 1 with a dot or a bracket and a space after it: <b>1.</b>, <b>1)</b>. Bulleted lists can be created automatically when you enter the <b>-</b>, <b>*</b> characters and a space after them.</p>
            <p>You can also change the text indentation in the lists and their nesting by clicking the <b>Multilevel list</b> <span class="icon icon-outline"></span>, <b>Decrease indent</b> <span class="icon icon-decreaseindent"></span>, and <b>Increase indent</b> <span class="icon icon-increaseindent"></span> icons on the <b>Home</b> tab of the top toolbar.</p>
            <p>To change the list level, click the <b>Numbering</b> <span class="icon icon-numbering"></span>, <b>Bullets</b> <span class="icon icon-bullets"></span>, or <b>Multilevel list</b> <span class="icon icon-outline"></span> icon and choose the <b>Change List Level</b> option, or place the cursor at the beginning of the line and press the <b>Tab</b> key on a keyboard to move to the next level of the list. Proceed with the list level needed.</p>
            <p><img alt="change list level" src="../images/listlevel.png" /></p>
            <p class="note">The additional indentation and spacing parameters can be changed on the right sidebar and in the advanced settings window. To learn more about it, read the <a href="ParagraphIndents.htm" onclick="onhyperlinkclick(this)">Change paragraph indents</a> and <a href="LineSpacing.htm" onclick="onhyperlinkclick(this)">Set paragraph line spacing</a> section.</p>

            <h3>Combine and separate lists</h3>
            <p>To combine a list with the previous one:</p>
            <ol>
                <li>click the first item of the second list with the right mouse button,</li>
                <li>use the <b>Join to previous list</b> option from the contextual menu.</li>
            </ol>
            <p>The lists will be joined and the numbering will continue in accordance with the first list numbering.</p>

            <p>To separate a list:</p>
            <ol>
                <li>click the list item where you want to begin a new list with the right mouse button,</li>
                <li>use the <b>Separate list</b> option from the contextual menu.</li>
            </ol>
            <p>The lists will be combined, and the numbering will continue in accordance with the first list numbering.</p>

            <h3>Change numbering</h3>
            <p>To continue sequential numbering in the second list according to the previous list numbering:</p>
            <ol>
                <li>click the first item of the second list with the right mouse button,</li>
                <li>use the <b>Continue numbering</b> option from the contextual menu.</li>
            </ol>
            <p>The numbering will continue in accordance with the first list numbering.</p>

            <p>To set a certain numbering initial value:</p>
            <ol>
                <li>click the list item where you want to apply a new numbering value with the right mouse button,</li>
                <li>use the <b>Set numbering value</b> option from the contextual menu,</li>
                <li>in the new opened window, set the required numeric value and click the <b>OK</b> button.</li>
            </ol>

            <h3>Change the list settings</h3>
            <p>To change the bulleted or numbered list settings, such as a bullet/number type, alignment, size and color:</p>
            <ol>
                <li>click an existing list item or select the text you want to format as a list,</li>
                <li>click the <b>Bullets</b> <div class="icon icon-bullets"></div> or <b>Numbering</b> <div class="icon icon-numbering"></div> icon on the <b>Home</b> tab of the top toolbar,</li>
                <li>select the <b>List Settings</b> option,</li>
                <li>
                    the <b>List Settings</b> window will open. The bulleted list settings window looks like this:
                    <p><img alt="Bulleted List Settings window" src="../images/bulletedlistsettings.png" /></p>
                    <p>The numbered list settings window looks like this:</p>
                    <p><img alt="Numbered List Settings window" src="../images/orderedlistsettings.png" /></p>
                    <p>For the bulleted list, you can choose a character used as a <b>bullet</b>, while for the numbered list you can choose the <b>type</b> of numbers and the <b>Font</b>. The <b>Alignment</b>, <b>Size</b> and text emphasis options such as <b>Bold/Italic/Color</b> are the same both for the bulleted and the numbered lists.</p>
                    <ul>
                        <li><b>Bullet</b> allows selecting the required character used for the bulleted list. When you click on the <b>Font and Symbol</b> field, the <b>Symbol</b> window will appear, and you will be able to choose one of the available characters. To learn more on how to work with symbols, please refer to <a href="../UsageInstructions/InsertSymbols.htm" onclick="onhyperlinkclick(this)">this article</a>.</li>
                        <li><b>Type</b> allows selecting the required numbering type used for the numbered list. The following options are available: <em>None</em>, <em>1, 2, 3,...</em>, <em>a, b, c,...</em>, <em>A, B, C,...</em>, <em>i, ii, iii,...</em>, <em>I, II, III,...</em>.</li>
                        <li><b>Alignment</b> allows selecting the required bullet/number alignment type that is used to align bullets/numbers horizontally. The following alignment types are available: <em>Left</em>, <em>Center</em>, <em>Right</em>.</li>
                        <li><b>Size</b> allows selecting the required bullet/number size. The <b>Like a text</b> option is selected by default. When this option is selected, the bullet or number size corresponds to the text size. You can choose one of the predefined sizes ranging from <em>8</em> to <em>96</em>.</li>
                        <li><b>Bold/Italic/Color</b> allows to emphasize and to make the required bullet/number stand out. For <b>Color</b>, the <b>Like a text</b> option is selected by default. When this option is selected, the bullet or number color corresponds to the text color. You can choose the <b>Automatic</b> option to apply the automatic color, or select one of the <em>Theme colors</em>, <em>Standard colors</em> or <em>Recent colors</em> from the palette, or click <em>More colors</em> to select a custom color.</li>
                    </ul>
                    <p>All the changes are displayed in the <b>Preview</b> field.</p>
                </li>
                <li>
                    click <b>OK</b> to apply the changes and close the settings window.
                    <p>Right-click a bulleted list and choose the <b>Adjust list indents</b> option to access <b>List Settings</b> the same as for a multilevel list.</p>
                </li>
            </ol>
            <p>To change the multilevel list settings,</p>
            <ol>
                <li>click a list item,</li>
                <li>click the <b>Multilevel list</b> <div class="icon icon-outline"></div> icon on the <b>Home</b> tab of the top toolbar,</li>
                <li>select the <b>List Settings</b> option,</li>
                <li>
                    the <b>List Settings</b> window will open. The multilevel list settings window looks like this:
                    <p><img alt="Multilevel List Settings window" src="../images/multilevellistsettings.png" /></p>
                    <p>Choose the necessary level of the list in the <b>Level</b> field on the left, then use the buttons on the top to adjust the bullet or number appearance for the selected level:</p>
                    <ul>
                        <li><b>Type</b> allows selecting the required numbering type used for the numbered list or the required character used for the bulleted list. The following options are available for the numbered list: <em>None</em>, <em>1, 2, 3,...</em>, <em>a, b, c,...</em>, <em>A, B, C,...</em>, <em>i, ii, iii,...</em>, <em>I, II, III,...</em>. For the bulleted list, you can choose one of the default symbols or use the <b>New bullet</b> option. When you click this option, the <b>Symbol</b> window will appear, and you will be able to choose one of the available characters. To learn more on how to work with symbols, please refer to <a href="../UsageInstructions/InsertSymbols.htm" onclick="onhyperlinkclick(this)">this article</a>.</li>
                        <li><b>Alignment</b> allows selecting the required bullet/number alignment type that is used to align bullets/numbers horizontally at the beginning of the paragraph. The following alignment types are available: <em>Left</em>, <em>Center</em>, <em>Right</em>.</li>
                        <li><b>Size</b> allows selecting the required bullet/number size. The <b>Like a text</b> option is selected by default. You can choose one of the predefined sizes ranging from <em>8</em> to <em>96</em>.</li>
                        <li><b>Bold/Italic/Color</b> allows to emphasize and to make the required bullet/number stand out. For <b>Color</b>, the <b>Like a text</b> option is selected by default. When this option is selected, the bullet or number color corresponds to the text color. You can choose the <b>Automatic</b> option to apply the automatic color, or select one of the <em>Theme colors</em>, <em>Standard colors</em> or <em>Recent colors</em> from the palette, or click <em>More colors</em> to select a custom color.</li>
                        <li><b>Number format</b> shows the style of the character used to create the list.</li>
                        <li>
                            Click the <b>double-headed arrow</b> next to the <b>Number format</b> field to access the advanced list settings. You can customize each level of a multilevel list by choosing the level in the <b>Select level</b> section.
                            <p><img alt="Multilevel List Advanced Settings window" src="../images/multilevellistsettings_advanced.png" /></p>
                            <ul>
                                <li><b>Font</b> allows you to select the font formatting,</li>
                                <li><b>Include level number</b> allows you to indicate the level number of the parent for a subordinate level,</li>
                                <li><b>Start at</b> allows you to select the necessary sequence number a numbered list starts from. Check the <b>Restart list</b> box to restart the list numbering,</li>
                                <li><b>Alignment</b> allows you to set the necessary type of alignment for each list level. Choose the <b>Left</b>, <b>Center</b> or <b>Right</b> option from the drop-down list and set the spacing before the list character,</li>
                                <li><b>Text Indent</b> allows you to set the spacing between the list character and the text,</li>
                                <li><b>Follow number with</b> allows you to indicate what should come after the character you have chosen as the number format. Select <b>Tab character</b>, <b>Space</b> or <b>None</b> from the drop-down list. When you choose to follow with a <b>Tab character</b>, the <b>Add tab stop at</b> option becomes available. Check the <b>Add tab stop at box</b> and specify the length of the indent.</li>
                            </ul>
                    </ul>
                    <p>All the changes are displayed in the <b>Preview</b> field.</p>
                </li>
                <li>click <b>OK</b> to apply the changes and close the settings window.</li>
            </ol>
        </div>
	</body>
</html>